<template>
  <div class="account">
    <m-cell value="更多">
      <div class="account-private flex">
        <div class="avatar flex-item-4">
          <img src="../../assets/logo.png">
        </div>
        <div class="name flex-item">
          <div class="name-wrap">
            <span>邓海标</span>
            <span>昵称：Neho</span>
          </div>
        </div>
      </div>
    </m-cell>
    <m-sheetgroup>
      <m-cell title="账户安全" value="密码/支付等管理"></m-cell>
      <m-cell title="关联帐号"></m-cell>
      <m-cell title="地址管理"></m-cell>
    </m-sheetgroup>
    <m-sheetgroup>
      <m-cell title="设置"></m-cell>
      <m-cell title="定制"></m-cell>
    </m-sheetgroup>
    <m-sheetgroup>
      <m-button value="退出登录"></m-button>
    </m-sheetgroup>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.account{
  .account-private{
    width:100%;
    height:70px;
    .avatar{
      height:70px;
      line-height:70px;
      img{
        height:50px;
        width:50px;
        vertical-align:middle;
      }
    }
    .name{
      display:flex;
      font-size:16px;
      .name-wrap{
        flex-grow:0;
        margin:auto;
        span{
          display:block;
          font-size:14px;
        }
      }
    }
  }
}
</style>
